/* packageA/pages/smart-home/index.wxss */
page {
  background: #f0f4f9;
}
.van-dropdown-item__title {
  letter-spacing: 2rpx;
}
// 去除滚动条
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
.smart-container {
  // position: relative;
  .filter-select {
    z-index: 10;
    position: absolute;
    width: 100%;
    top: 0;
  }
  .filter-pop {
    position: absolute;
    width: 100%;
    left: 0rpx;
    top: 0rpx;
    z-index: 9;
    transition: 500ms;
    .item2-box {
      margin: 0 30rpx 30rpx 30rpx;
      .item2-item {
        margin-bottom: 20rpx;

        .label {
          font-size: 28rpx;
          margin-bottom: 10rpx;
        }
        .value-box {
          display: flex;
          flex-wrap: wrap;
        }
        .active {
          background-color: rgba(238, 10, 37, 0.233) !important;
          color: #ee0a24 !important;
        }
        .value-text {
          margin: 0 10rpx;
          width: 120rpx;
          background-color: #dcdcdc;
          padding: 5rpx 10rpx;
          border-radius: 10rpx;
          font-size: 26rpx;
          margin-bottom: 20rpx;
          text-align: center;
          color: #333333;
        }
      }
      .btn-box {
        display: flex;
        align-items: center;
        .van-button {
          width: 100%;
        }
      }
    }
  }
  .show {
    top: 100rpx !important;
  }
  .smart-content {
    margin: 130rpx 30rpx 0rpx 30rpx;
    .custom-scroll-view {
      width: 100%;
      .grid-box {
        /* padding: 20rpx; */
        border-radius: 14rpx;
        overflow: hidden;
        background-color: #fff;
        .item-img {
          width: 100%;
          height: 240rpx;
          vertical-align: top;
        }
        .bottom-box {
          margin: 13rpx 20rpx;
          height: 158rpx;
          .title-text {
            font-weight: 500;
            font-size: 30rpx;
            color: #000000;
            overflow: hidden; /*超出的部分隐藏起来。*/
            white-space: nowrap; /*不显示的地方用省略号...代替*/
            text-overflow: ellipsis; /* 支持 IE */
          }
          .title-dec {
            font-weight: 400;
            font-size: 24rpx;
            color: #FAAB40;
            overflow: hidden; /*超出的部分隐藏起来。*/
            white-space: nowrap; /*不显示的地方用省略号...代替*/
            text-overflow: ellipsis; /* 支持 IE */
            // margin-top: 6rpx;
          }
          .address-box {
            font-weight: 400;
            font-size: 24rpx;
            color: #666666;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            word-break: break-all; // 注意这个文字多行很重要
            -webkit-box-orient: vertical;
          }
        }
      }
    }
    .no-content {
      text-align: center;
      font-size: 28rpx;
      color: #a2a2a2;
      height: 100rpx;
    }
  }
  .smart-content-map {
    margin: 110rpx 0rpx 0rpx 0rpx;
    .map-view {
      width: 100%;
      height: 100%;
    
    }
  }
}

.btn-box-map {
  width: 135rpx;
  height: 135rpx;
  background-color: #FAAB40;
  border-radius: 135rpx;
  position: fixed;
  bottom: 100rpx;
  right: 100rpx;
  // z-index: 9999999;
  .btn {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 140rpx;
    background-color: #FAAB40;
    line-height: 45rpx;
    font-size: 30rpx;
  }
}

.custom-image {
  width: 100%;
  position: fixed;
  top: 30%;
  left: 0;
  .van-empty__image {
    width: 400rpx !important;
    height: 190rpx !important;
  }
}